//change to rem
$baseFontSize: 75;
@mixin px1rem($name,$px) {
  #{$name} : $px / $baseFontSize * 1rem;
}

@mixin borderRadius($radius) {
  @include px1rem(border-radius, $radius);
  @include px1rem(-webkit-border-radius, $radius);
  @include px1rem(-moz-border-radius, $radius);
}

.nav-list {
  width: 50%;
  margin-right: 3%;
  float: right;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  li {
    float: right;
    width: 31%;
    margin: 0 0 2% 2%;
    a {
      display: block;
      font-size: 0.752em;
      color: #424242;
      padding: 6px 0;
      text-align: center;
      background-color: rgba(225, 225, 255, 0.6);
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      img {
        display: block;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        margin: 0 auto;
      }

      div {
        margin-top: 4px;
      }
    }
  }
}